import React, {Component} from 'react';
import {Link} from 'dva/router';
import './index.less';
import {Button} from 'antd-mobile';

class Login extends Component {
  constructor(props) {
    super(props);
    this.state = {}
  }

  componentDidMount() {
    let self = this;
  }

  render() {
    return (
      <div className="page-login">
        <div className="l-box">
          <div className='logo'>小米分期</div>
          <div className='form'>
            <div className='title'>手机验证码登陆</div>

            <div className='form-inner'>
              <div className='input'>
                <div className='control'>
                  <input placeholder="请输入手机号" pattern="[0-9]*" maxLength="11" type='number'/>
                </div>
              </div>
              <div className='input'>
                <div className='control'>
                  <input placeholder="请输入验证码" maxLength="6" type='number'/>
                </div>
                <div className='verify'>
                  点击获取验证码
                </div>
              </div>
            </div>
            <div className='input btn'>登录</div>
          </div>
        </div>
        {/* 页面底部协议 */}
        <div className="footer">
          登录代表你同意<Link to={'/agreement'}>《注册协议》</Link>
        </div>
      </div>
    );
  }
}

export default Login;
